<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>transform属性，同时执行多个动画效果</title>
	<style type="text/css">
	    div{
	    	width:200px;height:100px;border:1px solid black;
	    }
        #red{
        	background: red;
        }
        #yellow{
        	background: yellow;-webkit-transform:rotate(30deg) scale(0.8,0.8) skewY(10deg);
        }

	</style>
</head>
<body>
    <div id="red">hello world!</div>
    <div id="yellow">HELLO WORLD!</div>
	
</body>
</html>